<template>
  <cml-module-item :title="$t('cmlpanel.hotkeys')"
    :titleMore="titleMore"
    :width='300'
    @change="morePanelChange">
    <!-- 默认插槽将会放在模块内部 -->
    <!-- 使用此具名插槽进行更多内容的分发 -->
    <template v-slot:detail>
      <hotkeys-more></hotkeys-more>
    </template>
  </cml-module-item>
</template>
<script>
import CmlModuleItem from '../../cml-module-item'
import HotkeysMore from './morePanel'

export default {
  name: 'Hotkeys',
  components: {
    CmlModuleItem,
    HotkeysMore
  },
  model: {},
  props: {},
  data() {
    return {}
  },
  computed: {
    titleMore() {
      let s = ''
      if (this.$i18n.locale === 'en-US') {
        s = ' '
      }
      return `${this.$t('cmlpanel.hotkeys')}${s}${this.$t('cmlpanel.mapping')}`
    }
  },
  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    morePanelChange(s) {}
  }
}
</script>
<style lang="scss" scoped></style>
